<template>
  <div id="home_foot">
    <div class="container clearflx">
      <div class="left line">
        <div class="left_centent clearflx">
          <span class="text_left">全</span>
          <div class="text_right">
            <span>展会信息全</span>
            <span>展会服务全</span>
          </div>
        </div>
      </div>
      <div class="center line">
        <div class="center_centent clearflx">
          <span class="text_left">准</span>
          <div class="text_right">
            <span>展会信息准确</span>
            <span>展会服务及时</span>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="right_centent clearflx">
          <span class="text_left">省</span>
          <div class="text_right">
            <span>尊享无忧参展服务</span>
            <span>让您省时省力省心</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.text_left {
  display: block;
  font-size: 40px;
  float: left;
  padding: 10px 18px;
  border: 1px solid #c81622;
  border-radius: 50%;
}
.text_right {
  float: left;
  font-size: 20px;
  padding-left: 10px;
  > span {
    display: block;
    padding: 4px 0;
  }
}
.left {
  width: 359px;
  color: #c81622;
  float: left;
  .left_centent {
    width: 188px;
    margin: 0 auto;
  }
}
.center {
  width: 449px;
  color: #c81622;
  float: left;
  .center_centent {
    width: 210px;
    margin: 0 auto;
  }
}
.right {
  width: 390px;
  color: #c81622;
  float: left;
  .right_centent {
    width: 250px;
    margin: 0 auto;
  }
}
.line{
    border-right:1px solid #90918e;
}
</style>